// ---------- DemoItemRadio ----------
.demo-item-radio-wrapper {
    .ant-radio-wrapper {
        color: var(--Colors-Use-Neutral-Text-1-Title);
    }
    .ant-radio:hover .ant-radio-inner {
        border-color: #f28b44;
    }
    .ant-radio-checked .ant-radio-inner {
        border-color: #f28b44;
    }
    .ant-radio-checked::after {
        border-color: #f28b44;
    }
    .ant-radio-inner::after {
        background-color: #f28b44;
    }
    .ant-radio-input:focus + .ant-radio-inner {
        box-shadow: 0 0 0 3px var(--Colors-Use-Main-Focus);
    }
    .ant-radio.ant-radio-disabled .ant-radio-inner {
        background-color: #f0f1f3;
        border-color: #eaecf3;
    }
    .ant-radio.ant-radio-checked.ant-radio-disabled .ant-radio-inner {
        border-color: #ccd2de;
        background-color: transparent;
    }
    .ant-radio.ant-radio-checked.ant-radio-disabled .ant-radio-inner:after {
        background-color: #ccd2de;
    }
}

// ---------- DemoItemRadioButton ----------
.demo-item-radio-button-wrapper {
    display: inline-flex;
    gap: 6px;
    .ant-radio-button-wrapper:not(:first-child)::before {
        display: none;
    }

    .ant-radio-button-wrapper {
        border-left-width: 1px;
        border-radius: 4px !important;
    }
}

// ---------- DemoItemCheckBox ----------
.demo-item-checkbox-wrapper {
    width: 100%;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

// ---------- DemoVirtualTable ----------
.demo-virtual-table-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-left: 6px;
    padding-right: 6px;
    .list-header {
        width: 100%;
        height: 30px;
        display: flex;
        gap: 8px;
        border-bottom: 1px solid #eaecf3;
        .header-opt-wrapper {
            overflow: hidden;
            display: flex;
            align-items: center;
            color: var(--Colors-Use-Neutral-Text-1-Title);
            font-weight: 600;
            font-size: 14px;
        }
    }
    .list-body {
        width: 100%;
        flex: 1;
        overflow: hidden;
        .list-container {
            width: 100%;
            height: 100%;
            overflow: auto;
            overflow-anchor: none;
            scroll-behavior: smooth;
            .row-wrapper {
                width: 100%;
                height: 40px;
                display: flex;
                gap: 8px;
                .col-wrapper {
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    color: var(--Colors-Use-Neutral-Text-3-Secondary);
                    font-size: 14px;
                    .content-body {
                        width: 100%;
                        overflow: hidden;
                    }
                }
            }
            .row-wrapper + .row-wrapper {
                border-top: 1px solid #eaecf3;
            }
        }
        .loading-wrapper {
            width: 100%;
            height: 32px;
            .loading-style {
                align-items: center;
            }
        }
        .no-more-wrapper {
            width: 100%;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--Colors-Use-Neutral-Disable);
            font-size: 12px;
        }
    }
}
